在HTML中
有針對文章可以使用的一些標籤語法
以下會一一介紹
但有些標籤只要知道用途即可
現在很多功能與樣式都可以利用CSS做出
反而利用CSS才會是更好的做法
CSS的部分會在之後的文章中提到
標題標記:
標題總共有六階
<h1>主標題</h1>
<h2>次標題</h2>
....以下類推
此元素用來顯示標題內容,h1~h6的標籤顯示文字會由大到小,如果要控制文字大小要用CSS語法。
段落:
在預設值下使用段落元素,瀏覽器會使用新的一行來顯示段落,也會在段落中保留空間。
<p>文章內容</p>
文字部分:
<b></b>粗體
<i></i>斜體
<sup></sup>上標,例如數學式裡的次方
<sub></sub>下標,例如化學式
<br />斷行
<hr >水平線
<strong></strong>
語意強調,代表內容有強烈的重要性、嚴重性或緊急性,相較<em>標籤語氣來的重,
在預設值中瀏覽器會以粗體顯示內容。
<em></em>
語意強調、著重,代表需要用戶著重閱讀的內容,在預設值中會以斜體顯示內容。
<blockquote></blockquote>
整個段落篇幅的引述,需注意的是此元素內需再使用<p>元素來撰寫文章,瀏覽器會將此元素的文章內容縮排,
不過如果只是單純要使文章縮排,使用CSS才是正確做法。
用法如下:
<blockquote cite="文章引述網址">
<P>文章內容</p>
</blockquote>
<q></q>用在段落當中較短的引述上,一般瀏覽器會在文章前後加上引號,
但IE不會,所以很多人會避免使用<q>元素。
<abbr></abbr>縮寫與縮略字,可加入title屬性註明全名。
用法如下:
<abbr title="全名">縮寫</abbr>
<cite></cite>註解,瀏覽器會將元素內容顯示為斜體,在HTML5中不應該用在人名上。
<dfn></dfn>標示出新術語的定義實例,通常會用在學術概念或是一些專業術語上,
有些瀏覽會將內容顯示為斜體,Sarafi和Chrome則不會改變外觀。
<address></address>用來包含網頁作者的聯絡細節,可包含電話、E-mail、實際地址等,
瀏覽器通常會將內容顯示為斜體。
<ins></ins>被插入文件的內容,瀏覽器顯示通常會將內容加上底線。
<del></del>顯示被刪除的文字,瀏覽器顯示通常會將內容加上刪節線。
<s></s>標示了不再正確或不再相關的內容,瀏覽器視覺顯示通常會將內容用線劃掉。
HTML5 基礎語法-結構 : head, body
小事之 HTML lang Attribute
HTML head 標籤